{% set setting = {title:'房源音频管理',beforeLink:['/css/plugins/chosen/chosen.css']} %} {% include "../_partial/head.html" with setting %}
<link href="{{basePath}}/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">
<link href="{{basePath}}/css/plugins/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css" rel="stylesheet">
<link rel="stylesheet" href="{{basePath}}/css/plugins/fancybox/jquery.fancybox.css">
<style>
    #data-list .btn {
        margin-bottom:0;
    }
    .btn {
        padding: 5px 10px;
    }
    .qr-code {
        display: inline-block;
        width: 150px;
        padding:0 15px;
    }
    .qr-code img {
        width: 100%;
    }
    .start-reward,.btn-default {
        margin-right:15px;
    }
    #QR-code {
        display: none;
    }
    #data-audio {
        vertical-align: middle;
    }
    #audio-name {
        line-height: 34px;
        text-align: center;
        color: #0e9aef;
    }
    #audio-cover-photo {
        margin-top:-10px;
    }
</style>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row" style="display: none;">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content">
                    {% set params = {
                    selector:'data-list-search',
                    list:[{
                    name:'houseId',
                    type:'hidden',
                    id:'houseId'
                    },{
                    name:'status',
                    type:'hidden',
                    value:''
                    }]
                    } %}
                    {% include "../modal/dataTable-search-form.html" with params %}
                </div>
            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <div class="ibox float-e-margins">
                <div class="ibox-content clearfix">
                    <div class="col-xs-6">
                        <div class="qr-code"></div>
                        <a href="javascript:;" class="btn btn-success" id="qr-down">下载二维码</a>
                    </div>
                    <div class="col-xs-6" id="audio-cover-photo"></div>
                </div>
                <div class="ibox-title">
                    <h5>音频列表</h5>
                </div>
                <div class="ibox-content">
                    <div class="clearfix">
                        <div class="col-xs-4">
                            <button class="btn btn-success insertAudio" type="button"><i class="fa fa-plus"></i>&nbsp;&nbsp;<span class="bold">添加音频</span></button>
                            <button class="btn btn-danger delAudio" type="button"><i class="fa fa-trash-o"></i>&nbsp;&nbsp;<span class="bold">删除音频</span></button>
                        </div>
                        <div class="col-xs-8">
                            <span class="col-xs-3" id="audio-name">音频名称</span>
                            <audio class="col-xs-9" controls id="data-audio"></audio>
                        </div>
                    </div>
                    <table id="data-list" class="table table-striped table-bordered table-hover"></table>
                </div>
                <!--<div class="ibox-content clearfix">-->
                    <!--<span id="audio-name">音频名称</span><audio controls id="data-audio"></audio>-->
                <!--</div>-->
                <div id="QR-code"></div>
            </div>
        </div>
    </div>
</div>
</body>
{% include "../_partial/foot.html" %}
<script src="{{basePath}}/plugins/fancybox/jquery.fancybox.js"></script>
<script src="{{basePath}}/js/utils/gallery.js"></script>
<script src="{{basePath}}/plugins/dataTables/jquery.dataTables.js"></script>
<script src="{{basePath}}/plugins/dataTables/dataTables.bootstrap.js"></script>
<script src="{{basePath}}/plugins/dataTables/dataTables.setting.js"></script>
<script src="{{basePath}}/plugins/enumJson.js"></script>
<!--<script src="{{basePath}}/plugins/chosen/chosen.jquery.js"></script>-->
<!--<script src="{{basePath}}/plugins/datapicker/bootstrap-datepicker.js"></script>-->
<script src="{{basePath}}/js/utils/searchController.js"></script>
<script src="{{basePath}}/js/utils/QRcode.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script src="{{basePath}}/js/rewardHouse/houseAudioList.js"></script>